<?php 
include('V_Abrir_Sesion.php');
?>
<!DOCTYPE html>
<html>
<head>
	<title>Resumen Campus Nicoya</title>
	<meta charset="utf-8"/>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
	<script type="text/javascript" src="js/bootstrap-tab.js"></script>
	<script type="text/javascript" src="http://twitter.github.com/bootstrap/assets/js/bootstrap-tab.js"></script>
  <script type="text/javascript" src="NombreDeMiArchivo.js"></script>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
	<script src="js/jquery.min.js"></script>
    <link rel="stylesheet" href="css/COBEPE.css">

<script type="text/javascript">
    $(document).ready(function () {
          
          $(function()
    {
      //la linea de abajo escucha cuando el form hace submit.
    $("#idForm").submit(function(e)
    {
      
    //con esta linea evitamos que se vallan los datos
    e.preventDefault();
    //obtiene el action del form
     var action= $("#idForm").attr("action");
      //se hace un array para meter los valores del form
    var form_data= 
    {  
            Cod_Grupo:$("#gru").val(),
            Mes:$("#mes").val(),
            Anno:$("#Anno").val()
         };

     $.ajax({
     type:"POST",
     url:action,
     data:form_data,
     success: function(responde)
     {  
    /*Los mensajes que se muestras aqui estan en el archivo que referencia ‘action’ del form.*/
      $("#div1").html(responde);
       
     }
     });
    return false;
      });
    });
    });
  </script>

  <script type="text/javascript">
function mostrarMes(){
document.getElementById('oculto').style.display = 'block';
document.getElementById('oculto1').style.display = 'none';}
</script>

  <script type="text/javascript">
function mostrarCiclo(){
document.getElementById('oculto1').style.display = 'block';
document.getElementById('oculto').style.display = 'none';}
</script>
</head>
<body>
	<script src="http://code.jquery.com/jquery.js"></script>
    <script src="js/bootstrap.min.js"></script>

<!--Inicio del menu Principal -->
<center>
<div>
<nav id="nav1" class="navbar navbar-pills navbar-fixed-center" role="navigation">

  <div class="collapse navbar-collapse navbar-ex1-collapse">

              <div class="collapse navbar-collapse">
              
                <ul class="nav navbar-nav">


<li ><a href="V_Inicio.php"><span class="glyphicon glyphicon-home"></span> Inicio</a></li>

<li class="dropdown" >
     <a href="V_Us.php" class="dropdown-toggle" data-toggle="dropdown"><span class="glyphicon glyphicon-user"></span> Usuario</a>
     <ul class="dropdown-menu" role="menu">
            <li><a id="TxtAgregar" href="V_Us.php">Gestion de Usuarios</a></li>
            <li><a id="TxtAgregar" href="V_Per.php">Gestion de Permisos</a></li>
            </ul>
     </li>
<li><a href="V_Car.php"><span class="glyphicon glyphicon-book"></span> Carrera</a></li>

<li  class="dropdown" >
<a href="V_Est.php"class="dropdown-toggle" data-toggle="dropdown" ><span class="glyphicon glyphicon-user"></span> Estudiante</a>
     <ul class="dropdown-menu" role="menu">
            <li><a id="TxtAgregar" href="V_Est.php">Gestion de Estudiantes </a></li>
            <li><a id="TxtAgregar" href="V_EstAsis.php">Estudiantes Asistentes  </a></li>

            
            </ul>
     </li>
<li class="dropdown">

  <a href="V_Gru.php" class="dropdown-toggle" data-toggle="dropdown"> <img id="IconoBola" src="Imagenes/bola.png">
    Grupo
  </a>
  <ul class="dropdown-menu" role="menu">
    <li ><a id="TxtAgregar" href="V_Gru.php">Gestion de Grupos</a></li>
    <li ><a id="TxtAgregar" href="V_Gru_CNicoya.php">Campus Nicoya</a></li>
    <li ><a id="TxtAgregar" href="V_Gru_CLiberia.php">Campus Liberia</a></li>
    <li class="divider"></li>
    <li ><a id="TxtAgregar" href="V_Horario.php">Horario</a></li>
  </ul>
</li>

<li id="menusombra" class="dropdown">

  <a href="V_Asis_Nicoya.php" class="dropdown-toggle" data-toggle="dropdown"> <span class="glyphicon glyphicon-book"></span>
    Asistencia
  </a>

<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
      <li ><a id="TxtAgregar" href="V_Asis_Nicoya.php">Asistencia Nicoya</a></li>
    <li ><a id="TxtAgregar" href="V_Gru_CNicoya.php">Asistencia Liberia</a></li>
        <li class="divider"></li>
  <li class="dropdown-submenu">
    <a id="TxtAgregar" tabindex="-1" href="#">Resumen</a>
    <ul class="dropdown-submenu">
<li>
<a id="menusombra2" tabindex="-1" href="V_ResumenAsis_CN.php">Campus Nicoya</a>
</li>
<li>
<a id="TxtAgregar" tabindex="-1" href="#">Campus Liberia</a>
</li>
      
    </ul>
  </li>
</ul>
</li>



                </ul>

                <ul class="nav navbar-nav navbar-right">
                  <li><a href="V_Cerrar_Sesion.php"><span class="glyphicon glyphicon-cog"></span> Cerrar Sesión</a></li>
                </ul>
</div>

</div>

</nav>
</div>
</center>
<!--Cierre del Menu Principal--> 
<div class="container-fluid">
<div id="Panel"  class="jumbotron">
    <input style="margin-top:-75px; "onclick="mostrarMes()" type="button" value="Consultar Resumen por Mes" class="btn btn-danger" > 
    <br><br><br>
    <input style="margin-top:-100px; width:205px;" onclick="mostrarCiclo()"  type="button" value="Consultar Resumen Ciclo" class="btn btn-danger" > 
<center>


           <div id="oculto" style="display:none; margin-top:-120px; margin-left:-93px; width: 700px;">

      <div style="  border-radius: 20px; height: 105px; width:800px;" id="cuerpo" class="panel panel-danger">
      <div style="background-color: #DF3D3D; color: white; border-radius: 5px; height: 40px;" id="cabeza" class="panel-heading"> 
        <center><h4><p class="panel-title">Resumen por Mes</p></h4></center>
        </div> 
         <br>   
<form name="GruNicoya" id="idForm" action="V_Filtro_ResumenMes.php">
    <center>
 <fieldset style="margin-left:-10px;">
    <label class="col-lg-2 control-label" for="gru1"><h4>Grupo:</h4></label>
    <div  id="Gru" class="col-lg-1">
    <input id="gru" list="gru1"style="width: 100px; padding: 2px; margin-left:-20px;" >
    <datalist  name='Cod_Asis' id="gru1" > 
    <option disabled selected>Seleccione</option>                              
                        <?php 
                        include('../Model/ModelConexion.php');
                        $conexion = new Conexion(); 
                        $consulta = $conexion->Consulta("
                        SELECT tb_grupo.Codigo_Gru, tb_grupo.Nombre_Gru
                        FROM tb_grupo
                        WHERE tb_grupo.`Codigo_Camp` = '1'
                        ORDER BY tb_grupo.Nombre_Gru 
                         ");
                        if ($conexion->numero_filas($consulta) > 0) 
                         {
                          while ($Grupos = $conexion->Arreglo($consulta)) 
                         { 
                          $Gru_Nombre= $Grupos['Nombre_Gru'];
                          echo "<option value=".$Grupos['Codigo_Gru'].">".$Gru_Nombre."</option>\n"; 
                          }
                          }
                          else
                           {
                            echo "<option disabled>No ha registrado datos personales</option>";
                           }
                        ?>
    </datalist>
     </div>

      </fieldset>

<fieldset style="margin-top:-50px; margin-left:230px; ">
 <div class="form-group">
<label class="col-lg-4 control-label"style="margin-top:-5px; margin-left:-50px; padding: 2px;" for="Anno"><h4>Año:</h4></label>
<div class="col-lg-2">
<input type="text" name="Anno" class="form-control" id="Anno" style="width: 100px; margin-top:-5px; margin-left:-50px; padding: 2px;" required placeholder="Año"/>
</div>
</div>
</fieldset>

        <!-- fieldset para combo grupo --> 
 <fieldset  style="margin-top:-50px; margin-left:450px; ">
      <div class="form-group">
                <label class="col-lg-1 control-label" for="mes"><h4>Mes:</h4></label>
                <div class="col-lg-5">
                <select class="form-control"name='mes'style="width: 100px; padding: 2px; margin-left:10px; margin-top:5px;" list="mes"  id="mes"  required>
                <option value ="0">Seleccione</option>
                  <option value="01">Enero</option>
                  <option value="02">Febrero</option>
                  <option value="03">Marzo</option>
                  <option value="04">Abril</option>
                  <option value="05">Mayo</option>
                  <option value="06">Junio</option>
                  <option value="07">Julio</option>
                  <option value="08">Agosto</option>
                  <option value="09">Setiembre</option>
                  <option value="10">Octubre</option>
                  <option value="11">Noviembre</option>
                  <option value="12">Diciembre</option>
                </select>
                </div>
                </div></fieldset>
 <!-- fielset para combo mes -->

  <input style=" margin-left:600px; margin-top:-95px;" type="submit" value="Mostrar" class="btn btn-danger" > 
  </center>
</form>
      </div>

</div>
</center><!-- cierrra divoculto -->

  <center>
   
           <div id="oculto1" style=" display:none; margin-top:-120px;">

        <div style=" border-radius: 20px; height: 140px; width: 800px;" class="panel panel-danger"> <!-- cuerpo -->
        <div style="background-color: #DF3D3D; color: white; border-radius: 5px; height: 50px; width: 800px;" class="panel-heading"> <!-- cabeza -->
        <center><h5><p class="panel-title">Resumen por Ciclo</p></h5></center>
        </div> 
 <br>
<form name="AsisNicoya" id="idForm" action="V_Filtro_Resumen_CN.php">
  <fieldset style="">
    <label class="col-lg-1 control-label" style="margin-top: 5px;" for="Cod_Asis"><h4>Grupo:</h4></label>
    <div  id="Gru" class="col-lg-1">
    <select class="form-control" name='Cod_Asis' id="Cod_Asis" style="width: 150px; padding: 2px"> 
     <option disabled selected>Seleccione Grupo</option>                              
                        <?php 
                        $consulta = $conexion->Consulta("
                        SELECT tb_grupo.Codigo_Gru, tb_grupo.Nombre_Gru
                        FROM tb_grupo
                        WHERE tb_grupo.`Codigo_Camp` = '1'
                        ORDER BY tb_grupo.Nombre_Gru 
                         ");
                        if ($conexion->numero_filas($consulta) > 0) 
                         {
                          while ($Grupos = $conexion->Arreglo($consulta)) 
                         { 
                          $Gru_Nombre= $Grupos['Nombre_Gru'];
                          echo "<option value=".$Grupos['Codigo_Gru'].">".$Gru_Nombre."</option>\n"; 
                          }
                          }
                          else
                           {
                            echo "<option disabled>No ha registrado datos personales</option>";
                           }
                        ?>
        </select></fieldset>


  <!-- F para grupo -->

  <fieldset style=" margin-left:-100px;margin-top:-47px;width:190px;">             
      <div class="form-group">
      <label class="col-lg-3 control-label" for="Dia"><h4>Ciclo:</h4></label>
      <div class="col-lg-2">
      <select class="form-control" name='V_Dia' id="Dia" style="width: 150px; padding: 2px" required >
      <option value ="0">Seleccione Ciclo</option>
      <option value="I Ciclo">I Ciclo</option>
      <option value="II Ciclo">II Ciclo</option>
      </select>
      </div>
      </div>     
      </fieldset>
 <!-- F para ciclo -->

  <fieldset style="margin-top:-47px; margin-left:320px; width:190px;">
      <div class="form-group">
      <label class="col-lg-3 control-label" for="Dia"><h4>Año:</h4></label>
      <div class="col-lg-2">
      <select class="form-control" name='V_Dia' id="Dia" style="width: 150px; padding: 2px" required >
      <option value ="0">Seleccione Año</option>
      <option value="I Ciclo">I Ciclo</option>
      <option value="II Ciclo">II Ciclo</option>
      </select>
      </div>
      </div> </fieldset>  
  <!-- F para año -->
  <input style="margin-top:-75px; margin-left:700px;" type="submit" value="Agregar" class="btn btn-danger" >     
  </form>

     </div>
     </div></center>
     </div>

     <div id="div1"></div>
  </div> <!-- fin jumbo -->
	</div><!-- fin container -->
</body>
<?php 
  include('Footer.php')
?>
</html>
